{include file="../application/api/view/layout/header.html" /}

{if condition="($toLan == 'zh')"}
<link rel="stylesheet" href="../css/center.css">
{else /}
<link rel="stylesheet" href="../css/exzh/center.css">
{/if}

<div class="about-banner">
  <h2>｜
    <?php echo translate('产品中心',$fromLan,$toLan);?> ｜
  </h2>
  <div class="title">About Us</div>
</div>

<section class="w1200">
  <h3 class="banner-title">
    <?php echo translate('产品中心',$fromLan,$toLan);?>
  </h3>
  <div class="tab-buttons">
    {volist name="cates" id="vo"}
    <h3 class="tab-btn-item <?php if($rootCateIndex == $vo['pageIndex']){ echo 'active'; }?>">
      <a href="./center-{$vo.pageIndex}-1-1.html"><?php echo translate($key,$fromLan,$toLan);?></a>
    </h3>
    {/volist}
  </div>
  <div class="tab-buttons tab2">
    {volist name="cateSons" id="vo"}
    <h3 class="tab-btn-item <?php if($modulePage == ('center-'.$rootCateIndex.'-'.$vo['pageIndex'])){ echo 'active'; }?>">
      <a href="./center-{$rootCateIndex}-{$vo.pageIndex}-1.html"><?php echo translate($vo['name'],$fromLan,$toLan);?></a>
    </h3>
    {/volist}
  </div>
  <div class="w1200">
    <ul class="product-list">
      {volist name="products" id="vo"}
      <li>
        <a href="./{$vo.pagePath}.html">
          <img src="{if condition=" isset($vo['banner']) && isset($vo['banner'])"}{$vo.banner.0.img|default="" }{/if}" alt="<?php echo translate($vo['product_name'],$fromLanPro,$toLan);?>">
          <h3>
            <?php echo translate($vo['product_name'],$fromLanPro,$toLan);?>
          </h3>
        </a>
      </li>
      {/volist}
    </ul>
  </div>

  {include file="../application/api/view/layout/page.html" /}

</section>
{include file="../application/api/view/layout/footer.html" /}